@import 'tailwindcss';
@import 'fumadocs-ui/css/neutral.css';
@import 'fumadocs-ui/css/preset.css';
/* Additional watch source for tailwind */
@source "../../../../packages/ui/src";

@theme {
  --animate-shine: shine 3s ease-in-out infinite;
  --animate-button-shine: button-shine 2s ease-in-out infinite;
}

:root {
  --color-fd-background: #fff;
  --color-fd-foreground: #09090b;
  --color-fd-primary: #9810fa;
  /* --color-fd-secondary: #ec4899; */
  /* Add more as needed */
}
.dark {
  --color-fd-background: #09090b;
  --color-fd-foreground: #fff;
  /* ... */
}

@keyframes gradient {
  0% {
    opacity: 0.5;
    transform: translateX(-100%);
  }
  50% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0.5;
    transform: translateX(100%);
  }
}

@keyframes shine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}


@keyframes button-shine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
